$(document).ready(function(){
	$.ajax({
		url:"/toGetPayDataWeek",
		type:"post",
		data:{},
		dataType:"json",
		success:function(result){
			document.getElementById("sum_pay_week").innerHTML = result.sumPayWeek;
			document.getElementById("distr_data_week").innerHTML = result.distributeData_week;
		},
		error:function(){
			alert("获取一周总消费额发生异常");
		}
	});
	$.ajax({
		url:"/toGetPayDataMonth",
		type:"post",
		data:{},
		dataType:"json",
		success:function(result){
			document.getElementById("sum_pay_month").innerHTML = result.sumPayMonth;
			document.getElementById("distr_data_month").innerHTML = result.distributeData_month;
		},
		error:function(){
			alert("获取月总消费额发生异常");
		}
	});
});
//数据绘图
Ext.onReady(function() {
//定义线性数据对象
Ext.define('PayDataOfWeek',{
	       extend: 'Ext.data.Model',
	       fields: [{name:'payAmountSum',type:'string'},
	                {name:'payDate',type:'string'}
	       ]
	 });
//定义饼图数据对象
Ext.define('PayDataClassify',{
	       extend: 'Ext.data.Model',
	       fields: [{name:'item',type:'string'},
	                {name:'amount',type:'string'}
	       ]
	 });
//获取周线性数据
var linePayDataWeekStore = Ext.create('Ext.data.Store',{
      model: 'PayDataOfWeek',
      pageSize: 20,
      autoLoad : true,
      proxy: {
         type : 'ajax',      //提交数据的方式
         url : '/toGetPayDataWeek',
         reader : {          //以json的形式读取将要提交的数据
            type : 'json',
            root : 'resultList'
         },
         writer : {
            type : 'json'
         },
         actionMethods : {
            create : 'POST'
         }
      },
});
//获取月线性数据
var linePayDataMonthStore = Ext.create('Ext.data.Store',{
	       model: 'PayDataOfWeek',
	       pageSize: 20,
	       autoLoad : true,
	       proxy: {
	          type : 'ajax',      //提交数据的方式
	          url : '/toGetPayDataMonth',
	          reader : {          //以json的形式读取将要提交的数据
	             type : 'json',
	             root : 'resultList'
	          },
	          writer : {
	             type : 'json'
	          },
	          actionMethods : {
	             create : 'POST'
	          }
	       },
	 });

//获取周饼图数据
var piePayDataWeekStore = Ext.create('Ext.data.Store',{
	       model: 'PayDataClassify',
	       pageSize: 20,
	       autoLoad : true,
	       proxy: {
	          type : 'ajax',      //提交数据的方式
	          url : '/toGetPayDataWeek',
	          reader : {          //以json的形式读取将要提交的数据
	             type : 'json',
	             root : 'pieDataWeek'
	          },
	          writer : {
	             type : 'json'
	          },
	          actionMethods : {
	             create : 'POST'
	          }
	       },
	 });
//获取月饼图数据
var piePayDataMonthStore = Ext.create('Ext.data.Store',{
	       model: 'PayDataClassify',
	       pageSize: 20,
	       autoLoad : true,
	       proxy: {
	          type : 'ajax',      //提交数据的方式
	          url : '/toGetPayDataMonth',
	          reader : {          //以json的形式读取将要提交的数据
	             type : 'json',
	             root : 'pieDataMonth'
	          },
	          writer : {
	             type : 'json'
	          },
	          actionMethods : {
	             create : 'POST'
	          }
	       },
	 });
   //绘制周数据线性图
   Ext.create('Ext.chart.CartesianChart', {
       renderTo: 'week_trade',
       width: 746,
       height: 300,
       store: linePayDataWeekStore,
       legend: {
           docked: 'bottom'
       },

       //define x and y axis.
       axes: [{
           type: 'numeric',
           position: 'left'
       }, {
           type: 'category',
           visibleRange: [0, 1],
           position: 'bottom'
       }],

       //define the actual series
       series: [{
           type: 'line',
           xField: 'payDate',
           yField: 'payAmountSum',
           title: '一周消费趋势图'
       }]
   });
   
   //绘制月数据线性图
   Ext.create('Ext.chart.CartesianChart', {
       renderTo: 'month_trade',
       width: 746,
       height: 300,
       store: linePayDataMonthStore,
       legend: {
           docked: 'bottom'
       },

       //define x and y axis.
       axes: [{
           type: 'numeric',
           position: 'left'
       }, {
           type: 'category',
           visibleRange: [0, 1],
           position: 'bottom'
       }],

       //define the actual series
       series: [{
           type: 'line',
           xField: 'payDate',
           yField: 'payAmountSum',
           title: '当月消费趋势图'
       }]
   });
   
   //绘制本周数据分类统计饼图
   Ext.create('Ext.chart.PolarChart', {
       renderTo: 'week_distribute',
       width: 746,
       height: 360,
       store: piePayDataWeekStore,
       //configure the legend.
       legend: {
           docked: 'bottom'
       },
       //describe the actual pie series.
       series: [{
           type: 'pie',
           xField: 'amount',
           label: {
               field: 'item'
           },
           donut: 50 // increase or decrease for increasing or decreasing donut area in middle.
       }]
   });
 //绘制本月数据分类统计饼图
   Ext.create('Ext.chart.PolarChart', {
       renderTo: 'month_distribute',
       width: 746,
       height: 360,
       store: piePayDataMonthStore,
       //configure the legend.
       legend: {
           docked: 'bottom'
       },
       //describe the actual pie series.
       series: [{
           type: 'pie',
           xField: 'amount',
           label: {
               field: 'item'
           },
           donut: 50 // increase or decrease for increasing or decreasing donut area in middle.
       }]
   });
});

